<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>广州市澳凯家具有限公司</title>
	<meta name="keywords" content="家具，设计，广州市澳凯">
	<meta name="description" content="致力於引領辦公家具潮流的廣州市澳凱家具有限公司是一家集專業研發設計，生產製造，銷售與服務於一體的現代企業，工廠座落於享有中國家具之都之稱的廣州市。">
	<meta name='author' content='网站建设：智杰科技'>
	<meta name='viewport' content='width=1440' />
	<meta http-equiv="Cache-Control" content="no-transform" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link href="./css/build/public.css" rel="stylesheet" type="text/css" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
	 <link rel="stylesheet" href="./css/build/product_details.css">
</head>

<body>
	<div class="main pagebox">
		<div class="nav-wrap" id="publicNav"></div>
		<div id="c_breadcrumb_nav-15308572839972757" class="c_breadcrumb_nav-02001">
			<div class="e_box e_box-000 p_breadcrumbList" id="breadCrumbList">
			</div>
		</div>
		<div id="c_product_detail-15196375276405891" class="c_product_detail-01001">
			<div class="e_stylebox e_ContentMajorStyleBox-001 p_stylebox">
				<div class="stylebox_top">
					<div class="stylebox_title">
						<i class="title_icon"></i>
						<h2 class="title_main productName"></h2>
					</div>
				</div>
				<div class="stylebox_top_line"></div>
				<div class="stylebox_content">
					<div class="e_box e_articles-001 d_ProductDetail p_ProductDetail">
						<div class="e_box e_box-001 p_imagesA c_product_detail-15196375276405891-js">
							<div class="swiper-container">
								<div class="swiper-wrapper" id="productBanner">
								</div>
								<!-- Add Pagination -->
								<div class="swiper-pagination"></div>
							</div>
						</div>
						<div class="e_box e_box-001 p_ProInfo">
							<div class="e_box e_box-000 p_content">
								<div class='e_box e_box-000 d_ProName p_ProName_1'>
									<h1 class='e_title e_head-002 d_Title p_Title_1'>
										<div class="font productName"></div>
									</h1>
								</div>
								<div class='e_box e_box-000 d_ProSummary p_ProSummary_1 '>
									<article id="productDesc" class='e_Article e_summary-001 d_summary p_summary_1'></article>
								</div>
							</div>
						</div>
						<div class="product-detail-box"></div>
						<div class="e_box e_box-000 d_DescriptionBoxA p_DescriptionBoxA">
							<div class="e_box e_box-000 p_nextBox ">
								<a class="e_box e_box-000 p_nextpage" id="prevNewsBtn">
									<div class='e_title e_name-001 p_nextName '>
										<div class="font">
											<i class="iconfont"></i>
											<span class="i_last"><</span>
										</div>
									</div>
									<div class="e_title e_MinorLink-001 p_MinorLink prev_title">
										<div class="font"></div>
									</div>
								</a>
								<a class="e_box e_box-000 p_nextpageA" id="nextNewsBtn">
									<div class="e_title  p_nextlink next_title">
										<div class="font"></div>
									</div>
									<div class='e_title e_name-001 p_nextNameA '>
										<div class="font"><span class="i_next">></span><i class="iconfont"></i>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="stylebox_bottom_line"></div>
					<div class="stylebox_bottom"></div>
				</div>
			</div>
		</div>
		<div class="footer-wrap" id="publicFooter"></div>
		<script src="js/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
		<script src="./js/public.js"></script>
		<script>
			function getPathRoute(){
				var type = getQueryString('type')
				var productNav =JSON.parse(localStorage.getItem("productNav"))
				var currentNav = productNav[type]
				var preNavId =currentNav.pid
				var str = '<div class="e_breadcrumb e_breadcrumb-000 p_breadcrumbCurrent"> <div class="font"> <i class="iconfont before"></i> <span>'+currentNav.text+'</span> <i class="iconfont after"></i> </div> </div>'
				$("#activeProductPath").html(currentNav.text)
				while (preNavId > 1) {
					currentNav = productNav[preNavId]
					preNavId = currentNav.pid
					str = '<div class="e_breadcrumb e_breadcrumb-001 p_breadcrumb"> <a href="product.html?type='+currentNav.id+'"> <div class="font"> <span>'+currentNav.text+'</span> </div> </a> </div> <div class="e_title e_GuideLabel-001 p_end  "> <div class="font"> <i class="iconfont"></i> <span class="i_separator">></span> </div> </div>' + str
				}
				str = '<div class="e_breadcrumb e_breadcrumb-001 p_breadcrumbFirst "> <a href="index.html"> <div class="font"> <i class="iconfont before"></i> <span class="i_homePage">首页</span> </div> </a> </div><div class="e_title e_GuideLabel-001 p_end  "> <div class="font"> <i class="iconfont"></i> <span class="i_separator">&gt;</span> </div> </div>' +str
				$("#breadCrumbList").html(str)
			}
			function getDetails () {
				var id = getQueryString('id')
				if (!id) {
					alert('商品不存在！')
					window.location.href = 'index.html'
				}
				$.ajax({
					type: "POST",
					url: ajaxUrlObj['GET_PRODUCT_DETAIL'],
					data: {id:id},
					success: function(rep){
						if (typeof rep === 'string') {
							rep = JSON.parse(rep)
						}
						if (rep.code == 1){
							rep = JSON.parse(rep.data)
							var data = rep.data ? rep.data : rep
							$(".productName").html(data.productName)
							$("#productDesc").html(data.productDescribe)
							var str = ''
							for(var i =0,l =data.productImageList.length;i<l;i++){
								str+='<div class="swiper-slide" style="background:url('+host+data.productImageList[i].imageUrl+') center top no-repeat"></div>'
							}
							$("#productBanner").html(str)
							var $content = $(".product-detail-box")
							$content.html(data.productDetailed)
							new Swiper('.swiper-container', {
								spaceBetween: 30,
								effect: 'fade',
								simulateTouch: false,
								pagination: '.swiper-pagination',
								paginationClickable: true
							});
							if (rep.nextPage > 0 ) {
								$("#nextNewsBtn").attr("href",'product_details.html?id='+rep.nextPage+'&type='+getQueryString('type')).find(".next_title .font").html(rep.nextName)
							} else {
								$(".p_nextBox").hide()
							}
							if (rep.lastPage > 0 ) {
								$("#prevNewsBtn").attr("href",'product_details.html?id='+rep.lastPage+'&type='+getQueryString('type')).find(".prev_title .font").html(rep.lastName)
							} else {
								$(".p_previewBox").hide()
							}
							if (data.seo) {
								$("title").html(data.seo.title)
								$('meta[name="keywords"]').attr("content",data.seo.keyword)
								$('meta[name="description"]').attr("content",data.seo.descs)
							}
							$("#publicFooter").css('top',$(document).height()+'px')
						}
					},
					error: function(error){
						console.log(error)
					}
				});
			}
			getDetails()
			getPathRoute()
		</script>
</body>

</html>